@font-face {
  font-family: 'icon';
  src:  url('fonts/icon.eot?yjtrcm');
  src:  url('fonts/icon.eot?yjtrcm#iefix') format('embedded-opentype'),
    url('fonts/icon.ttf?yjtrcm') format('truetype'),
    url('fonts/icon.woff?yjtrcm') format('woff'),
    url('fonts/icon.svg?yjtrcm#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-wechat:before {
  content: "\e900";
}

.icon-sina:before {
  content: "\e902";
}

.icon-arrow-up:before {
  content: "\e901";
}

.toolbar {
  position: fixed;
  bottom: 25px;
  right: 0;
  background: #0d1f41;
  border-radius: 5px;

}

.toolbar-item {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  margin-top: 1px;
}

.toolbar-item:hover .toolbar-icon {
  top: -54px;
}

.toolbar-item:hover .toolbar-text {
  top: 0px;
  color: #f60;
}
.toolbar-consult:hover .consult-text {
  color: #f60;
}
// .toolbar-item:hover .toolbar-layer{width: 120px;visibility: visible;padding: 15px 10px 15px 15px; }
// .toolbar-item .toolbar-layer{width: 0;text-align:center;visibility: hidden;position: absolute;right: 54px;height: 120px;transition: 0.2s;background: #0d1f41;}


.toolbar-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 54px;
  height: 54px;
  overflow: hidden;
}

.toolbar-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 54px;
  height: 54px;
  font-size: 26px;
  color: #fff;
  text-align: center;
  line-height: 54px;
  transition: all 0.5s;
}

.toolbar-text {
  position: absolute;
  left: 0;
  top: 54px;
  width: 54px;
  height: 54px;
  font-size: 12px;
  padding-top: 12px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  transition: all 0.5s;
}
.toolbar-item:hover .toolbar-layer {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}
.toolbar-layer {
  position: absolute;
  right: 54px;
  bottom: -40px;
  width: 120px;
  height: 120px;
  padding: 15px 10px 15px 15px;
  border-radius: 5px 0 0 5px;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0.01);
  // transform-origin: 95% 95%;
  transform-origin: right bottom;
  transition: all 0.5s;
  background: #0d1f41;
}
.toolbar-consult{margin: 0 auto;display: block;text-align: center;padding: 6px 0;}
.toolbar-consult img{display:block; text-align: center;margin: 0 auto;}
.consult-text{color: #fff;}

